<template>
    <div class="seat">席位管理{{  activeTab}}</div>
  </template>
  <script setup>
  import { ref, onMounted, onUnmounted, inject } from "vue";
  import { useRoute, useRouter } from "vue-router";
  const props = defineProps({
    activeTab: {
      type: Number,
      default: 0,
    },
  });
  let emit = defineEmits([""]);
   
  onMounted(() => {});
  </script>
  <style scoped lang="scss">
  @keyframes move {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(0);
    }
  }

  .seat {
    width: 100%;
    height: 100%;
    border: 1px solid red;
  
    animation: move 0.2s ease-in-out;
  }
  

  </style>
  